<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


    <input type="hidden" name="__hkToken" value="" id="__hkToken"/>


    <input type="hidden" id="mpMaster" value="0"></input>

    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script type="text/javascript" src="https://mpstatic.qingting123.com/js/sysolar.js?t=20191016"></script>
    <script type="text/javascript" src="/js/global.js?t=20182"></script>
    <script type="text/javascript" src="https://mpstatic.qingting123.com/js/entity/Goods.js?t=6662"></script>
    <script type="text/javascript" src="https://mpstatic.qingting123.com/js/hammer.min.js?t=2018012511"></script>
    <script type="text/javascript"
            src="https://mpstatic.qingting123.com/js/minirefresh.min.js?t=2017624171432"></script>

    <link rel="stylesheet" href="https://mpstatic.qingting123.com/css/minirefresh.min.css?t=2017624171432"/>

    <style type="text/css">

        * {
            margin: 0;
            padding: 0;
        }

        iframe,
        fieldset,
        img {
            border: 0;
        }

        ol,
        ul,
        dl {
            list-style: none
        }

        a:active {
            star: expression(this.onFocus=this.blur());
        }

        a:focus {
            outline: none;
        }

        em,
        u,
        i,
        b {
            font-style: normal;
            text-decoration: none;
            font-weight: normal;
        }

        em {
            color: #DD2727;
        }

        i {
            color: #FF6600;
        }

        u {
            font-family: '宋体';
        }

        .small {
            color: #999;
        }

        small {
            color: #999;
            font-size: 12px;
        }

        .mimi {
            font-size: 11px;
        }

        .f12 {
            font-size: 12px;
        }

        .fs11 {
            font-size: 11px;
        }

        .blue {
            color: #0066CC;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            display: block;
            font-size: 13px;
            font-weight: normal;
        }

        body {
            color: #333;
            font-size: 13px;
            font-family: 'microsoft yahei', Arial, 'lucida grande', tahoma;
            background-color: #EBEBEB;
            padding: 42px 0 12px;
        }

        body,
        .topBar,
        .app-foot-box,
        .topNavi,
        .top-menu-box,
        .item-foot-navi,
        .teamBar {
            min-width: 320px;
            max-width: 480px;
            width: 100%;
        }

        /* ================================================== */

        .p3 {
            padding: 0 3px;
        }

        .p6 {
            padding: 0 6px;
        }

        .p9 {
            padding: 0 6px;
        }

        .pt3 {
            padding-top: 3px;
        }

        .pt6 {
            padding-top: 6px;
        }

        .pt9 {
            padding-top: 9px;
        }

        .pt12 {
            padding-top: 12px;
        }

        .mt3 {
            margin-top: 3px;
        }

        .mt6 {
            margin-top: 6px;
        }

        .mt9 {
            margin-top: 9px;
        }

        .mt12 {
            margin-top: 12px;
        }

        .mt15 {
            margin-top: 12px;
        }

        .mt18 {
            margin-top: 18px;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .clear {
            clear: both;
        }

        a {
            color: #333;
            text-decoration: none;
        }

        .link {
            color: #0066CC;
        }


        .link-line {
            border-bottom: 1px solid #0066CC;
        }

        .link-gray {
            border-bottom: 1px solid #C8C8C8;
        }

        hr {
            border: none;
            border-top: 1px solid #E9E9E9;
            height: 0;
        }

        hr2 {

        }

        /* ================================================== */

        .btn {
            background-color: #DD2727;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            color: #FFF;
            text-align: center;
        }

        .btn-border {
            display: inline-block;
            border: 1px solid #F54D23;
            color: #F54D23;
            height: 28px;
            line-height: 28px;
            border-radius: 3px;
            padding: 0 6px;
            text-align: center;
        }

        .btn-r {
            border-radius: 3px;
        }

        .btn-big {
            border-radius: 3px;
            padding: 4px 0;
            font-size: 14px;
            display: block;
            margin: 12px;
        }

        .btn-gray {
            background-color: #C8C8C8;
            color: #FFF;
        }

        .btn-wait {
            background-color: #FF9C00;
            color: #FFF;
        }

        .nowPrice {
            font-size: 18px;
        }

        .oldPrice {
            text-decoration: line-through;
            font-size: 11px;
        }

        .div {
            display: inline-block;
            height: 12px;
            width: 0px;
            border-right: 1px solid #D9D9D9;
            position: relative;
            top: 1px;
        }

        .text {
            border: 1px solid #E9E9E9;
            line-height: 24px;
            padding: 3px 6px;
            width: 60px;
            color: #666;
        }

        .radioBox {
            position: relative;
            top: 1px;
        }

        /* ================================================== */

        .flag {
            dispaly: inline-block;
            font-size: 12px;
            background-color: #FF6600;
            color: #FFF;
            line-height: 16px;
            padding: 0 1px;
        }

        .flag-new {
            font-size: 11px;
            line-height: 13px;
            border-radius: 3px;
        }

        .flag-gray {
            background-color: #C8C8C8;
            color: #FFF;
        }

        .flag-blue {
            background-color: #0F88EB;
            color: #FFF;
        }

        .flag-vip {
            dispaly: inline-block;
            background-color: #0A8F57;
            color: #FFF;
            font-size: 10px;
            border-radius: 3px;
            padding: 1px 1px 0 1px;
            line-height: 8px;
        }

        .flag-cancel {
            dispaly: inline-block;
            background-color: #C8C8C8;
            color: #FFF;
            font-size: 10px;
            border-radius: 3px;
            padding: 1px 1px 0 1px;
            line-height: 8px;
        }

        /* ================================================== */

        .icon18 {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url("../img/quan-max-icons.png") no-repeat scroll 0 0;
            background-size: 300px 300px;
            position: relative;
        }

        .icon24 {
            display: inline-block;
            width: 24px;
            height: 24px;
            background: url("../img/quan-max-icons.png") no-repeat scroll 0 0;
            background-size: 400px 400px;
            position: relative;
        }

        .icon36 {
            display: inline-block;
            width: 36px;
            height: 36px;
            background: url("../img/quan-max-icons.png") no-repeat scroll 0 0;
            background-size: 600px 600px;
            position: relative;
        }

        .icon-search-18 {
            background-position: -120px 0;
        }

        .icon-delete-18 {
            background-position: -120px -30px;
        }

        .icon-recommand {
            background-position: 0 -160px;
        }

        .icon-homeLife {
            background-position: -80px -160px;
            top: 1px;
        }

        .icon-eat {
            background-position: -40px -160px;
        }

        .icon-baby {
            background-position: -120px -160px;
        }

        .icon-beauty {
            background-position: -240px -200px;
        }

        .icon-electron {
            background-position: -80px -200px;
        }

        .icon-girl {
            background-position: -120px -200px;
        }

        .icon-boy {
            background-position: -200px -200px;
        }

        .icon-shoe {
            background-position: 0 -200px;
        }

        .icon-9k9 {
            background-position: -200px -160px;
        }

        .icon-hot {
            background-position: -40px -200px;
        }

        .icon-hot-2 {
            background-position: -320px -160px;
        }

        .icon-bao-24 {
            background-position: -320px -200px;
        }

        .icon-tao {
            background-position: -240px -160px;
        }

        .icon-ju {
            background-position: -280px -160px;
        }

        .icon-tab-18 {
            background-position: -30px -120px;
            top: 3px;
        }

        .item-top-36 {
            background-position: -540px -60px;
        }

        .item-back-36 {
            background-position: -480px 0;
        }

        .item-search-36 {
            background-position: -540px 0;
        }

        /* ================================================== */

        .icon9-zz {
            display: inline-block;
            width: 9px;
            height: 9px;
            background: url("../img/icons-zz.png") no-repeat scroll 0 0;
            background-size: 150px 150px;
            position: relative;
        }

        .icon12-zz {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url("../img/icons-zz.png") no-repeat scroll 0 0;
            background-size: 200px 200px;
            position: relative;
        }

        .icon15-zz {
            display: inline-block;
            width: 15px;
            height: 15px;
            background: url("../img/icons-zz.png") no-repeat scroll 0 0;
            background-size: 250px 250px;
            position: relative;
        }

        .icon18-zz {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url("../img/icons-zz.png?t=20190228_16:20") no-repeat scroll 0 0;
            background-size: 300px 300px;
            position: relative;
        }

        .icon24-zz {
            display: inline-block;
            width: 24px;
            height: 24px;
            background: url("../img/icons-zz.png?t=20190228_16:20") no-repeat scroll 0 0;
            background-size: 400px 400px;
            position: relative;
        }

        .icon13-zz,
        .icon-tmall-13,
        .icon-taobao-13,
        .icon-jd-13,
        .icon-pdd-13 {
            display: inline-block;
            width: 23px;
            height: 14px;
            background: url("../img/icons-zz.png") no-repeat scroll 0 -250px;
            background-size: 500px 500px;
            position: relative;
            top: 1.3px;
        }

        .icon-taobao-12 {
            background-position: -20px -140px;
            top: 1px;
        }

        .icon-tmall-12 {
            background-position: -140px -160px;
            top: 1px;
        }

        .icon-pdd-12 {
            background-position: -180px -160px;
        }

        .icon-taobao-15 {
            background-position: -25px -175px;
        }

        .icon-jd-12 {
            background-position: -180px -140px;
            top: 1px;
        }

        .icon-taobao-13 {
            background-position: -50px -250px;
        }

        .icon-pdd-13 {
            background-position: -350px -350px;
            top: 2px;
        }

        .icon-jd-13 {
            background-position: 0 -400px;
            top: 2px;
        }

        .icon36-zz {
            display: inline-block;
            width: 36px;
            height: 36px;
            background: url("../img/icons-zz.png?t=20190710") no-repeat scroll 0 0;
            background-size: 600px 600px;
            position: relative;
        }

        .icon-wrapper {
            display: inline-block;
            position: relative;
            padding-left: 24px;
            height: 24px;
            line-height: 24px;
        }

        .icon-wrapper .icon-quan-18 {
            position: absolute;
            top: 4px;
            left: 0;
        }

        .icon-menu-24 {
            background-position: -80px -80px;
            top: 2px;
        }

        .icon-quan-18 {
            background-position: -30px -60px;
            top: 2px;
        }

        .icon-quan-24 {
            background-position: -40px -80px;
            top: 2px;
        }

        .icon-star-18 {
            background-position: 0 -30px;
        }

        .on .icon-star-18 {
            background-position: -30px -30px;
        }

        .icon-time-18 {
            background-position: -60px -30px;
        }

        .on .icon-time-18 {
            background-position: -90px -30px;
        }

        .icon-9k9-18 {
            background-position: -120px -30px;
        }

        .on .icon-9k9-18 {
            background-position: -150px -30px;
        }

        .icon-hot-18 {
            background-position: -180px -30px;
        }

        .on .icon-hot-18 {
            background-position: -210px -30px;
        }

        .icon-mine-18 {
            background-position: -180px -120px;
            left: 1px;
        }

        .on .icon-mine-18 {
            background-position: -210px -120px;
            left: 1px;
        }

        .icon-quan-18-2 {
            background-position: -60px -120px;
        }

        .on .icon-quan-18-2 {
            background-position: -90px -120px;
        }

        .icon-zhibo-18 {
            background-position: -120px -150px;
        }

        .on .icon-zhibo-18 {
            background-position: -150px -150px;
        }

        .icon-retui-18 {
            background-position: -180px -150px;
            left: 1px;
        }

        .on .icon-retui-18 {
            background-position: -210px -150px;
        }

        .icon-pyq-18 {
            background-position: -60px -210px;
        }

        .on .icon-pyq-18 {
            background-position: -120px -180px;
        }

        .icon-save-18 {
            background-position: -90px -180px;
        }

        .icon-copy-18 {
            background-position: -270px -180px;
        }

        .icon-taobao-18 {
            background-position: -30px -210px;
        }

        .icon-wxq-18 {
            background-position: -120px -180px;
        }

        .icon-wxq-15 {
            background-position: -100px -150px;
        }

        .icon-wxf-18 {
            background-position: -150px -180px;
        }

        .icon-close-18 {
            background-position: -180px -180px;
        }

        .icon-down-12 {
            background-position: -120px -40px;
        }

        .on .icon-down-12 {
            background-position: -100px -40px;
        }

        .icon-hot-36 {
            background-position: 0 0;
        }

        .icon-9k9-36 {
            background-position: -60px 0;
        }

        .icon-hotsale-36 {
            background-position: -180px -540px;
        }

        .icon-market-36 {
            background-position: -120px -540px;
        }

        .icon-home-36 {
            background-position: -120px 0;
        }

        .icon-baby-36 {
            background-position: -180px 0;
        }

        .icon-beauty-36 {
            background-position: -240px 0;
        }

        .icon-time-36 {
            background-position: -300px 0;
        }

        .icon-zero-36 {
            background-position: -479px -540px;
        }

        .icon-service-36 {
            background-position: -540px -540px;
        }

        .icon-ju-36 {
            background-position: -420px 0;
        }

        .icon-da-36 {
            background-position: -480px 0;
        }

        .icon-bao-36 {
            background-position: -540px 0;
        }

        .icon-more-36 {
            background-position: -360px 0;
        }

        .icon-app-36 {
            background-position: 0 -360px;
        }

        .icon-apple-36 {
            background-position: -480px -360px;
        }

        .icon-zi-36 {
            background-position: -60px -480px;
        }

        .icon-jd-36 {
            background-position: -120px -480px;
        }

        .icon-pdd-36 {
            background-position: -180px -480px;
        }

        .icon-class-36 {
            background-position: -240px -480px;
        }

        .icon-kf-36 {
            background-position: -300px -480px;
        }

        .icon-circle-36 {
            background-position: -360px -480px;
        }

        .icon-free-36 {
            background-position: 0px -540px;
        }

        .icon-pre-36 {
            background-position: -60px -540px;
        }

        .item-back-24 {
            background-position: -120px -80px;
        }

        .item-home-24 {
            background-position: -160px -80px;
        }

        .icon-jifen-24 {
            background-position: -320px -120px;
        }

        .item-quan-18 {
            background-position: -60px -120px;
            top: 1px;
        }

        .item-kefu-18 {
            background-position: -240px -120px;
        }

        .icon-miandan-24 {
            background-position: -160px -360px;
        }

        .icon-shoucang-24 {
            background-position: -277px -360px;
        }

        /* ==================================== */

        .icon-order-24 {
            background-position: 0 -120px;
            left: 3px;
        }

        .icon-friends-24 {
            background-position: -40px -120px;
        }

        .icon-team-24 {
            background-position: -360px -80px;
        }

        .icon-fans-24 {
            background-position: -80px -120px;
        }

        .icon-report-24 {
            background-position: -120px -120px;
            left: 3px;
        }

        .icon-report-24-2 {
            background-position: -120px -280px;
            left: 3px;
        }

        .icon-wallet-24 {
            background-position: -160px -120px;
        }

        .icon-wallet-24-2 {
            background-position: -160px -280px;
        }

        .icon-cs-24 {
            background-position: -200px -120px;
        }

        .icon-cs-24-2 {
            background-position: -200px -280px;
        }

        .icon-vip-24 {
            background-position: -280px -120px;
        }

        .icon-set-24 {
            background-position: -240px -120px;
        }

        .icon-shop-24 {
            background-position: -80px -200px;
        }

        .icon-class-24 {
            background-position: -120px -200px;
            top: 2px;
        }

        .icon-invite-24 {
            background-position: -320px -200px;
        }

        .icon-app-24 {
            background-position: 0 -240px;
        }

        .icon-download-24 {
            background-position: -360px -200px;
        }

        .icon-save-24 {
            background-position: -120px -240px;
        }

        .icon-wxq-24 {
            background-position: -160px -240px;
        }

        .icon-wxf-24 {
            background-position: -200px -240px;
        }

        .icon-close-24 {
            background-position: -240px -240px;
        }

        .icon-up-12 {
            background-position: -160px -40px;
        }

        .icon-up-9 {
            background-position: -120px -30px;
        }

        /* */

        .agent-level {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url("../img/agent-level.png") no-repeat scroll 0 0;
            background-size: 300px 300px;
            position: relative;
            top: 3px;
        }

        .agent-level-0 {
            background-position: 0 0;
        }

        .agent-level-1 {
            background-position: -30px 0;
        }

        .agent-level-2 {
            background-position: -60px 0;
        }

        .agent-level-3 {
            background-position: -90px 0;
        }

        .agent-level-4 {
            background-position: -120px 0;
        }

        .agent-level-5 {
            background-position: -150px 0;
        }

        .agent-level-6 {
            background-position: -180px 0;
        }

        .agent-level-7 {
            background-position: -210px 0;
        }

        .agent-level-8 {
            background-position: -240px 0;
        }


        /* =========================================== */

        .toTop {
            display: block;
            height: 36px;
            width: 36px;
            position: fixed;
            bottom: 66px;
            right: 0;
            padding: 6px 9px 6px 6px;
            z-index: 100;
        }

        /* ================================================== */

        .topBar {
            height: 42px;
            position: fixed;
            top: 0;
            left: 0;
            background-color: #DD2727;
            z-index: 1020;
            opacity: 0.9;
        }

        .topSearchBox {
            height: 30px;
            line-height: 30px;
            margin: 6px 72px 0 24px;
            background-color: #FFF;
            border-radius: 15px;
            overflow: hidden;
            position: relative;
        }

        .topSearchForm {
            padding: 6px 6px 0 36px;
            position: relative;
        }

        .topSearchForm .text {
            display: block;
            border: none;
            width: 100%;
            line-height: 18px;
            font-size: 12px;
            padding: 0;
        }

        .topSearchBox .icon-search-18 {
            position: absolute;
            top: 6px;
            left: 12px;
        }

        .topBar .func-menu {
            display: block;
            width: 24px;
            height: 24px;
            padding: 9px 24px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .topBar .func-delete {
            display: block;
            width: 18px;
            height: 18px;
            padding: 6px 9px;
            position: absolute;
            top: 0;
            right: 0;
            background-color: #FFF;
        }

        .topBar .func-search {
            display: block;
            width: 54px;
            height: 42px;
            position: absolute;
            top: 0;
            right: 12px;
        }

        .topBar .func-search-2,
        .top-search-result .func-search-2 {
            display: block;
            width: 48px;
            text-align: center;
            height: 30px;
            position: absolute;
            top: 0;
            right: 0;
            background-color: #FFDAE6;
            font-size: 12px;
            color: #D80048;
        }

        .top-search-result .func-delete {
            right: 48px;
        }

        .topBar .func-search em {
            display: block;
            background-color: #9C1B16;
            background-color: #DD2727;
            text-align: center;
            height: 26px;
            line-height: 26px;
            border-radius: 15px;
            margin: 7px 6px 0 0;
            color: #EFEFEF;
            border: 1px solid #9C1B16;
            font-size: 12px;
        }

        .topSearchResult {
            margin: 6px 72px 0 42px;
        }

        /* ================== */

        .top-bar-navi-box ul {
            text-align: center;
        }

        .top-bar-navi-box li {
            text-align: center;
            height: 30px;
            line-height: 30px;
            padding: 3px 3px;
            display: inline-block;
        }

        .top-bar-navi-box .core {
            display: inline-block;
            font-size: 14px;
            color: #FC9DBA;
            color: #EFEFEF;
            padding: 0 3px;
        }

        .top-bar-navi-box .on .core {
            color: #FFF;
            border-bottom: 1px solid #FFF;
        }

        .top-search-result {
            margin: 6px 6% 0;
        }

        /* ================== */

        .topBar h2 {
            text-align: center;
            line-height: 42px;
            color: #FFF;
            font-size: 15px;
        }

        .topBar .func-head {
            display: inline-block;
            color: #FFF;
            padding-right: 18px;
            position: relative;
        }

        .topBar .icon-down-12 {
            position: absolute;
            top: 18px;
            right: 0;
        }

        .topBar .func-back,
        .topBar .func-home,
        .topNavi .func-back,
        .topNavi .func-home {
            display: inline-block;
            width: 24px;
            height: 24px;
            position: absolute;
            top: 0;
        }

        .topBar .func-back,
        .topNavi .func-back {
            left: 0;
            padding: 9px 6px 9px 12px;
        }

        .topBar .func-home,
        .topNavi .func-home {
            right: 0;
            padding: 9px 15px 9px 15px;
        }

        /* ================================================== */

        .top-menu-box {
            background-color: #FFF;
            border-bottom: 1px solid #E9E9E9;
            position: fixed;
            top: 42px;
            left: 0;
            z-index: 1010;
        }

        .top-menu-box li {
            float: left;
            width: 25%;
            position: relative;
        }

        .top-menu-box .core {
            display: block;
            text-align: center;
            font-size: 12px;
            padding: 9px 0 6px;
        }

        .top-menu-box .core span {
            display: block;
            line-height: 18px;
            padding: 6px 0 0;
            color: #555;
        }

        .top-menu-box .on .core {
            border-bottom: 2px solid #E57572;
        }

        .top-menu-box .on span {
            color: #DD3B39;
        }

        .top-menu-box .div {
            border-right: 1px solid #EFEFEF;
            display: block;
            height: 63px;
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
        }

        .top-menu-box .hr {
            border-top: 1px solid #EFEFEF;
        }

        /* * */

        .dd-menu-box {
            background-color: #FFF;
            height: 37px;
            overflow: hidden;
        }

        .dd-menu-box li {
            float: left;
            width: 11.11%;
        }

        .dd-menu-box .core {
            display: block;
            height: 36px;
            line-height: 36px;
            padding: 0 6px;
            border-bottom: 1px solid #FFF;
            font-size: 13px;
            color: #555;
        }

        .dd-menu-box .on .core {
            border-bottom: 1px solid #F62C55;
            color: #F62C55;
        }

        .duoduoBody .topBar {
            background-color: #F62C55;
        }

        .duoduoBody .goodsItem .btn {
            background-color: #F62C55;
            border-color: #F62C55;
        }

        .duoduoBody .goodsItem .btn span {
            color: #F62C55;
        }

        /* * */

        .icon-menu-list {
            background-color: #FFF;
            height: 150px;
            overflow: hidden;
        }

        .icon-menu-list li {
            float: left;
            width: 20%;
        }

        .icon-menu-list .core {
            display: block;
            text-align: center;
            font-size: 12px;
            padding: 9px 0 6px;
        }

        .icon-menu-list .core span {
            display: block;
            line-height: 18px;
            padding: 6px 0 0;
            color: #555;
        }

        /* ================================================== */

        .top-filter-box {
            background-color: #FFF;
        }

        .top-filter-box li {
            float: left;
            width: 33.3%;
        }

        .top-filter-box-2 li {
            width: 50%;
        }

        .top-filter-box .core {
            display: block;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }

        .top-filter-box .on .core {
            color: #DD2727;
            border-bottom: 1px solid #DD2727;
        }

        /* ================================================== */

        .topMsg {
            height: 24px;
            line-height: 24px;
            padding: 6px 0;
            text-align: center;
            margin-top: 2px;
            background-color: #FFF;
            color: #DD2727;
        }

        /* ================================================== */

        .goodsListBody {
            /* padding-left:0.5%; */
        }

        .goodsItem {
            float: left;
            width: 49.2%;
            padding: 0;
            margin-top: 6px;
            background-color: #FFF;
            position: relative;
        }

        .goodsItem .core {
            display: block;
        }

        .goodsItem0 {
            clear: both;
            float: left;
        }

        .goodsItem1 {
            float: right;
        }

        .goodsItem .imgBox {
            position: relative;
            width: 100%;
            overflow: hidden;
            display: block;
        }

        .goodsItem .imgBox .img-wrap {
            position: relative;
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-bottom: 100%;
        }

        .goodsItem .imgBox .img-wrap img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .goodsItem .imgBox img {
            width: 100%;
            min-height: 100px;
        }

        .goodsItem .imgBox span {
            display: block;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            text-align: center;
            color: #333;
            padding: 6px 5px 0;
        }

        .goodsItem p,
        .goodsItem h3 {
            color: #999;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            padding: 3px 6px;
            position: relative;
        }

        .goodsItem p .monthOrderNum {
            display: inline-block;
            position: absolute;
            top: 5px;
            right: 0px;
            background-color: #FFF;
            font-size: 11px;
            padding: 0 6px;
        }

        .goodsItem .newFlag {
            position: absolute;
            top: 0;
            right: 34px;
        }

        .goodsItem .overFlag {
            position: absolute;
            top: 0;
            left: 0;
        }

        .goodsItem .oldPrice {
            font-size: 11px;
            padding-left: 3px;
        }

        .goodsItem .btn {
            display: block;
            margin: 0 6px 6px;
            border: 1px solid #DD2727;
            border-radius: 3px;
            height: 20px;
            line-height: 20px;
            font-size: 12px;
            padding: 0;
        }

        .goodsItem .btn em {
            display: block;
            width: 50%;
            color: #FFF;
            float: left;
        }

        .goodsItem .btn span {
            display: block;
            width: 50%;
            color: #DD2727;
            background-color: #FFF;
            float: left;
        }

        .goodsItem .hotSaleBox {
            text-align: center;
            height: 18px;
            line-height: 18px;
            padding: 0 6px 6px;
            position: relative;
            overflow: hidden;
        }

        .goodsItem .hotSaleBox small {
            display: inline-block;
            background-color: #FFF;
            padding: 0 6px;
            position: relative;
            z-index: 20;
        }

        .goodsItem .hotSaleBox em {
            display: inline-block;
            border-top: 1px dashed #C8C8C8;
            height: 0px;
            width: 96%;
            position: relative;
            top: -9px;
        }

        .goodsItem .func {
            display: inline-block;
            height: 18px;
            width: 18px;
            padding: 9px;
            position: absolute;
            right: 0;
            top: 0;
        }

        .quanFlag {
            background: url("../img/flag-quan.png") no-repeat scroll 0 -8px;
            color: #fff;
            font-size: 10px;
            height: 27px;
            width: 22px;
            line-height: 13px;
            padding: 2px 0 5px;
            text-align: center;
            position: absolute;
            overflow: hidden;
        }

        .grayFlag {
            background: url("../img/flag-quan-gray.png") no-repeat scroll 0 -8px;
            color: #fff;
            font-size: 10px;
            height: 27px;
            width: 22px;
            line-height: 13px;
            padding: 2px 0 5px;
            text-align: center;
            position: absolute;
            overflow: hidden;
        }

        .quanFlag b {
            color: #F9F310;
            font-size: 12px;
            font-weight: normal;
        }

        .grayFlag b {
            font-size: 12px;
        }

        .goodsItem .quanFlag {
            top: 0;
            right: 12px;
        }

        .goodsItem .flag {
            position: relative;
            top: -1px;
        }

        /* ================================================== */

        .next-load {
            text-align: center;
            color: #999;
            height: 36px;
            line-height: 36px;
            margin: 3px 3px 0;
        }

        .next-load img {
            position: relative;
            top: 6px;
        }

        /* ================================================== */

        .mainNavi {
            background-color: #F9F9F9;
            border-top: 1px solid #D9D9D9;
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 1000;
            min-width: 320px;
            max-width: 480px;
            width: 100%;
        }

        .mainNavi li {
            float: left;
            width: 25%;
        }

        .mainNavi-5 li {
            width: 20%;
        }

        .mainNavi-4 li {
            width: 25%;
        }

        .mainNavi-3 li {
            width: 33.33%;
        }

        .mainNavi .core {
            display: block;
            text-align: center;
            font-family: '微软雅黑';
            font-size: 12px;
            padding: 7px 0 0;
            color: #888;
        }

        .mainNavi .core span {
            display: block;
            line-height: 17px;
            height: 17px;
            padding: 3px 0 6px;
            font-size: 11px;
        }

        .mainNavi .on .core {
            color: #DD2727;
        }

        /* ================================================== */

        .topNavi {
            height: 42px;
            background-color: #DD2727;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
        }

        .topNavi ul {
            height: 42px;
            overflow: hidden;
            margin: 0 auto;
            text-align: center;
        }

        .topNavi li {
            text-align: center;
            display: inline-block;
            position: relative;
        }

        .topNavi li .core {
            display: inline-block;
            color: #EFEFEF;
            height: 42px;
            line-height: 41px;
            padding: 0 12px;
            font-size: 14px;
        }

        .topNavi .core i {
            display: none;
            height: 0;
            border-top: 2px solid #FFF;
            position: absolute;
            top: 37px;
            left: 40%;
            width: 22%;
        }

        .topNavi-4 li {
            width: 25%;
            float: left;
        }

        .topNavi-5 li {
            width: 20%;
            float: left;
        }

        .topNavi-4 li .core,
        .topNavi-5 li .core {
            padding: 0;
            display: block;
            text-align: center;
        }

        .topNavi .on .core {
            /* background-color:#AA0707; */
            color: #FFF;
            font-weight: bold;
        }

        .topNavi .on .core i {
            display: inline-block;
        }

        /* ================================================== */

        .subNavi {
            height: 24px;
            background-color: #FFF;
            overflow: hidden;
            font-size: 12px;
            margin: 12px 30%;
            border: 1px solid #DD2727;
            border-radius: 5px;
        }

        .subNaviTab3 {
            height: 24px;
            background-color: #FFF;
            overflow: hidden;
            font-size: 12px;
            margin: 12px 25%;
            border: 1px solid #DD2727;
            border-radius: 5px;
        }

        .subNavi li {
            float: left;
            padding: 0;
            width: 50%;
        }

        .subNaviTab3 li {
            float: left;
            padding: 0;
            width: 33.33%;
        }

        .subNavi li a {
            display: block;
            height: 24px;
            line-height: 24px;
            text-align: center;
            color: #DD2727;
        }

        .subNavi .on a {
            background-color: #DD2727;
            color: #FFF;
        }

        .subNaviTab3 li a {
            display: block;
            height: 24px;
            line-height: 24px;
            text-align: center;
            color: #DD2727;
        }

        .subNaviTab3 .on a {
            background-color: #DD2727;
            color: #FFF;
        }

        /* =========================================== */

        .item-foot-navi {
            background-color: #FFF;
            border-top: 1px solid #E9E9E9;
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 1000;
        }

        .item-foot-navi li {
            float: left;
            height: 48px;
            text-align: center;
            position: relative;
            width: 30%;
        }

        .item-foot-navi li i {
            margin-top: 6px;
        }

        .item-foot-navi li span {
            display: block;
            padding: 3px 0 0;
            line-height: 18px;
            font-size: 11px;
            color: #888;
        }

        .item-foot-navi .core {
            display: block;
        }

        /* .item-foot-navi .core-icon { */
        /*     padding:0 12px; */
        /* } */

        .item-foot-navi em {
            display: block;
            line-height: 48px;
            background-color: #DD2727;
            color: #FFF;
            font-size: 14px;
        }

        .item-foot-navi .fr {
            float: right;
            width: 35%;
        }

        .item-foot-navi .li-kouling em {
            background-color: #FF9C00;
        }

        .item-foot-navi li u {
            display: block;
            width: 1px;
            background-color: #E9E9E9;
            height: 48px;
            position: absolute;
            top: 0;
            right: 0;
        }

        /* ================================================== */

        .fansItem {
            background-color: #FFF;
            padding: 9px 9px 9px 60px;
            position: relative;
            line-height: 21px;
        }

        .fansItem .imgBox {
            display: block;
            position: absolute;
            top: 9px;
            left: 9px;
        }

        .fansItem li {
            float: left;
            width: 50%;
            overflow: hidden;
        }

        .fansItem .w60 {
            width: 60%;
        }

        .fansItem p {
            color: #888;
        }

        .fansItem h3 {
            line-height: 42px;
        }

        /* ================================================== */

        .docItem {
            position: relative;
        }

        .docItem .core {
            display: block;
            padding: 9px 6px 9px 42px;
            line-height: 24px;
            font-size: 14px;
            background-color: #FFF;
        }

        .docItem u {
            display: inline-block;
            height: 16px;
            width: 16px;
            line-height: 16px;
            text-align: center;
            position: absolute;
            top: 12px;
            left: 12px;
            border-radius: 9px;
            border: 1px solid #DD2727;
            color: #DD2727;
            font-size: 12px;
        }

        /* ================================================== */

        .setList {
            background-color: #FFF;
            margin: 18px 0 0;
        }

        .setItem {
            margin: 0;
        }

        .setItem hr {
            margin: 0 12px;
        }

        .setItem .core {
            padding: 9px 12px;
            min-height: 24px;
        }

        /* ================================================== */

        .itemList {
            background-color: #FFF;
        }

        .classItem h2 {
            line-height: 24px;
            padding: 12px 9px 9px 30px;
            position: relative;
        }

        .classItem h2 u {
            display: inline-block;
            height: 6px;
            width: 6px;
            border-radius: 3px;
            background-color: #DD2727;
            position: absolute;
            top: 21px;
            left: 12px;
        }

        .classItem h2 em {
            font-size: 15px;
        }

        .classItem p {
            color: #333;
            line-height: 22px;
            padding: 0 12px 9px;
        }

        .classItem .demoImg {
            max-width: 95%;
            padding: 3px;
            background-color: #EFEFEF;
        }

        .center {
            text-align: center;
        }

        /* =========================================== */

        .item-detail-box {
            background-color: #FFF;
            padding: 0 0 9px;
            position: relative;
        }

        .item-detail-box .imgBox {
            display: block;
            min-height: 320px;
        }

        .item-detail-box p {
            padding: 9px 9px 0;
            line-height: 24px;
        }

        .item-detail-box .flag {
            position: relative;
            top: -2px;
        }

        .item-detail-box p b {
            font-size: 15px;
            font-weight: normal;
        }

        .item-detail-box .quanFlag {
            background: url("../img/flag-quan.png") no-repeat scroll 0 0;
            color: #fff;
            font-size: 12px;
            height: 30px;
            width: 42px;
            line-height: 15px;
            padding: 5px 0;
            text-align: center;
            position: absolute;
            right: 9px;
            bottom: 36px;
        }

        .item-detail-box .quanFlag b {
            color: #F9F310;
        }

        .item-detail-box .func {
            display: inline-block;
            height: 36px;
            width: 36px;
            position: absolute;
            padding: 9px;
            top: 0;
        }

        .item-detail-box .func-back {
            left: 0;
        }

        .item-detail-box .func-search {
            right: 0;
        }

        .item-detail-box .zhuanFlag {
            color: #FF6600;
        }

        /* =========================================== */

        .item-detail-p {
            background-color: #FFF;
            margin-top: 12px;
            line-height: 24px;
            padding: 0 0 9px;
        }

        .item-detail-p ul {
            height: 54px;
            overflow: hidden;
        }

        .item-detail-p li {
            float: left;
            width: 50%;
            text-align: center;
        }

        .item-detail-p li .core {
            display: block;
            padding: 9px 0 9px;
            border-bottom: 1px solid #E9E9E9;
        }

        .item-detail-p .on .core {
            color: #FF6600;
            border-bottom: 1px solid #FF9900;
        }

        .item-detail-p h2 {
            text-align: center;
            color: #333;
            padding: 9px 0 0;
        }

        .item-detail-p p {
            padding: 3px 9px 0;
            color: #666;
        }

        .item-detail-p .taobao-img-item {
            padding: 0;
            text-align: center;
        }

        .item-detail-p .link-taobao-img {
            display: block;
            padding: 6px 0 0;
        }

        .item-detail-p .link-taobao-img span {
            diplay: inlink-block;
            border-radius: 3px;
            color: #FF6600;
            padding: 8px 18px;
        }

        .taobao-comment-list {
            padding: 0 9px;
        }

        .taobao-comment-item {
            padding: 9px 0;
        }

        .taobao-comment-item h3 {
            text-align: left;
            line-height: 24px;
            padding: 0 0 0 33px;
            position: relative;
        }

        .taobao-comment-item h3 img {
            position: absolute;
            top: 0;
            left: 0;
        }

        .taobao-comment-item p {
            padding: 6px 0 0;
        }

        .taobao-comment-item p small {
            font-size: 11px;
        }

        /* =========================================== */

        .item-detail-p2 {
            margin-top: 12px;
        }

        .item-detail-p2 h2 {
            margin: 0 20%;
            text-align: center;
            color: #999;
            font-size: 12px;
            position: relative;
            line-height: 24px;
            padding: 0 0 3px;
        }

        .item-detail-p2 h2 span {
            display: inline-block;
            background-color: #EBEBEB;
            padding: 0 9px;
            z-index: 10;
            position: relative;
        }

        .item-detail-p2 h2 hr {
            position: relative;
            top: -12px;
            z-index: 5;
            border-color: #D5D6D7;
        }

        /* ================================================== */

        .mineHead {
            padding: 12px 0 6px;
            font-size: 14px;
            background: url("../img/bg-mine-head.jpg") #DD2727 no-repeat scroll center 0;
        }

        .mineHead .imgBox {
            height: 60px;
            width: 60px;
            border-radius: 33px;
            padding: 3px;
            border: 1px solid #DD2727;
            display: block;
            margin: 0 auto;
            background-color: #EFEFEF;
        }

        .mineHead .imgBox img {
            border-radius: 45px;
        }

        .mineHead center {
            color: #FFF;
            line-height: 24px;
            padding: 6px 0;
        }

        .mineHead center small {
            color: #EFEFEF;
        }

        .mineBanner {
            margin-top: 4px;
            padding-bottom: 4px;
        }

        .mineBanner .imgBox {
            display: block;
        }

        /* ================================================== */

        .mineFuncBox {
            background-color: #FFF;
            margin-top: 9px;
        }

        .mineFuncBox li {
            float: left;
            width: 25%;
            position: relative;
        }

        .mineFuncBox .core {
            display: block;
            text-align: center;
            font-family: '微软雅黑';
            font-size: 13px;
            padding: 12px 0 6px;
        }

        .mineFuncBox i {
            display: block;
            width: 1px;
            height: 48px;
            background-color: #F0F0F0;
            position: absolute;
            top: 12px;
            right: -1px;
        }

        .mineFuncBox .core span {
            display: block;
            line-height: 24px;
            padding: 3px 0 0;
        }

        .mineFuncBox hr {
            border-top: 1px solid #F0F0F0;
        }

        /* ========================== */

        .mineFuncBox-2 {
            padding: 0 15%;
        }

        .mineFuncBox-2 li {
            width: 50%;
        }

        .mineFuncBox-3 {
            padding: 0 0;
        }

        .mineFuncBox-3 li {
            width: 33.3%;
        }

        .mineFuncBox-3 i {
            height: 72px;
            top: 0;
        }

        /* ========================== */

        .mineMoneyBox {
            margin-top: 0;
        }

        .mineMoneyBox li {
            width: 24%;
        }

        .mineMoneyBox .core {
            padding: 9px 0 3px;
        }

        .mineMoneyBox .core em {
            font-size: 15px;
        }

        .mineMoneyBox .core span {
            font-size: 11px;
            color: #777;
            line-height: 18px;
            padding: 3px 0 3px;
        }

        /* ================================================== */

        .mineFuncList {
            background-color: #FFF;
            border-bottom: 1px solid #F0F0F0;
            border-top: 1px solid #F0F0F0;
            padding: 0 12px;
        }

        .mineFuncList .core {
            display: block;
            height: 24px;
            line-height: 24px;
            padding: 9px 0 9px 48px;
            font-size: 14px;
            position: relative;
        }

        .mineFuncList .core i {
            position: absolute;
            top: 9px;
            left: 6px;
        }

        /* ================================================== */

        .puLayer {
            background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
            height: 100%;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1100;
        }

        /* ================================================== */

        .pu {
            display: none;
            position: fixed;
            left: 0;
            top: 50%;
            width: 100%;
            max-width: 480px;
            text-align: center;
            overflow: hidden;
            z-index: 2000;
            transform: translate(0, -50%);
            font-size: 14px;
        }

        .pu-app,
        .pu-app-1,
        .pu-app-2,
        .pu-app-3,
        .pu-app-4,
        .pu-app-5,
        .pu-app-6,
        .pu-app-7,
        .pu-app-8,
        .pu-app-9 {
            top: auto;
            transform: none;
            bottom: 60px;
        }

        .pu-iphone-1 {
            top: auto;
            transform: none;
            bottom: 60px;
        }

        .puInnerBox {
            width: 88%;
            margin: 0 auto;
            background-color: #FAFAFC;
            border-radius: 3px;
            overflow: hidden;
            position: relative;
        }

        .puHead {
            font-family: '微软雅黑';
            font-size: 17px;
            font-weight: 400;
            color: #000;
            line-height: 24px;
            padding: 18px 0;
        }

        .puHead em {
            font-family: '微软雅黑';
        }

        .puBody {
            line-height: 24px;
            padding: 12px 0 0;
        }

        .puBody form {
            width: 100%;
            margin: 0 auto;
        }

        .puBody form p {
            text-align: left;
            padding: 6px 0 0;
            font-family: '微软雅黑';
        }

        .puErr {
            color: #EE0E57;
            line-height: 24px;
            padding: 6px 12px;
            background-color: #E9E9E9;
        }

        .puTxt {
            line-height: 30px;
            padding: 0 12px;
            color: #888;
            font-size: 14px;
        }

        .puFoot {
            font-size: 17px;
            font-family: '微软雅黑';
            border-top: 1px solid #E9E9E9;
            margin-top: 18px;
            overflow: hidden;
        }

        .puFoot .btn,
        .puFoot .btn2 {
            display: block;
            height: 48px;
            line-height: 48px;
            overflow: hidden;
            color: #808080;
            padding: 6px 0;
            background-color: #FFF;
            margin-top: 1px;
        }

        .puFoot .btn:hover {
            color: #FF6600;
            background-color: #FFF;
        }

        .puFoot .btn2 {
            width: 50%;
            float: left;
            position: relative;
        }

        .puFoot .btn i,
        .puFoot .btn2 i {
            border-right: 1px solid #E9E9E9;
            height: 60px;
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            left: 0;
        }

        .puFoot .btn2 span {
            display: block;
            height: 18px;
            line-height: 18px;
            padding: 6px 0 0;
            font-size: 12px;
        }

        .puFoot .btn3 {
            width: 33.3%;
            font-size: 14px;
        }

        .puFoot .primary {
            color: #DD2727;
        }

        .puFoot .cancel {
            color: #808080;
        }

        .pu .formItem h3 {
            text-align: left;
            padding: 3px 0 9px;
        }

        .pu .formItem .text {
            width: 240px;
        }

        /* =========================================== */

        .puMenu {
            top: auto;
            transform: none;
            bottom: 120px;
        }

        .puMenu .puInnerBox {
            max-width: 240px;
        }

        .puMenu .core {
            display: block;
            height: 48px;
            line-height: 48px;
            position: relative;
            padding-left: 60px;
            text-align: left;
        }

        .puMenu .core span {
            display: block;
        }

        .puMenu .core u {
            position: absolute;
            top: 15px;
            left: 24px;
        }

        /* =========================================== */

        .puLogin .puHead {
            padding: 15px 0;
        }

        .puLogin .puBody {
            padding: 12px 18px 12px 0;
        }

        .puLogin .formItem {
            padding-left: 84px;
        }

        .puLogin .formItem h2 {
            width: 78px;
        }

        .puLogin .formItem .text {
            width: 90%;
            padding: 6px;
        }

        .puLogin .btn-border {
            border-color: #777;
            color: #777;
            padding: 3px 6px;
        }

        .puLogin .btn-login {
            padding: 3px 24px;
        }

        .puLogin .link {
            font-size: 12px;
        }

        .puChangePWD .formItem {
            padding-left: 102px;
        }

        .puChangePWD .formItem h2 {
            width: 96px;
        }

        .puLogin .inputButton {
            padding: 5px 3px;
            color: #555;
        }

        /* =========================================== */

        .todayOrderDesc {
            padding: 9px 0;
        }

        .todayOrderDesc ul {
            width: 216px;
            height: 36px;
            margin: 0 auto;
        }

        .todayOrderDesc li {
            width: 50%;
            float: left;
            line-height: 18px;
        }

        .todayOrderDesc-3 ul {
            width: 300px;
            padding-left: 15px;
        }

        .todayOrderDesc-3 li {
            width: 33.3%;
        }

        /* =========================================== */

        .pageMsg,
        .pageErr {
            color: #888;
            line-height: 24px;
            font-size: 12px;
            text-align: center;
            padding: 6px 0;
        }

        .pageErr {
            color: #DD2727;
            padding: 9px 0;
            font-size: 13px;
        }

        /* =========================================== */

        .noData {
            line-height: 24px;
            text-align: center;
            padding: 6px;
            background-color: #FFF;
        }

        /* =========================================== */

        .agentOrderItem {
            padding: 9px 6px 6px;
            background-color: #FFF;
            border-bottom: 1px solid #E9E9E9;
            line-height: 20px;
        }

        .agentOrderHead {
            padding: 0 0 0 92px;
            position: relative;
            min-height: 80px;
        }

        .agentOrderHead .imgBox {
            display: block;
            position: absolute;
            top: 2px;
            left: 2px;
        }

        .agentOrderHead h2 {
            font-size: 13px;
            height: 20px;
            overflow: hidden;
            color: #333;
        }

        .agentOrderHead .flag {
            font-size: 11px;
            padding: 0 6px;
            border-radius: 8px;
            height: 16px;
            line-height: 16px;
        }

        .agentOrderItem ul {
            padding: 12px 0 0;
        }

        .agentOrderItem li {
            width: 33%;
            float: left;
            text-align: center;
            padding: 0 0 3px;
        }

        .agentOrderHead li {
            text-align: left;
        }

        .agentOrderHead .icon-pdd-13,
        .agentOrderHead .icon-jd-13 {
            top: 3px;
        }

        .agentOrderItem ul .w22 {
            width: 22%;
        }

        .agentOrderItem ul .w28 {
            width: 28%;
        }

        .agentOrderItem ul .w24 {
            width: 24%;
        }

        .agentOrderItem ul .w26 {
            width: 26%;
        }

        .agentOrderItem li small {
            color: #999;
        }

        .agentOrderItem h3 {
            background-color: #EFEFEF;
            padding: 6px 9px;
            text-align: center;
            margin: 0 0 9px;
        }

        .agentOrderItem .subTitle {
            text-align: center;
            clear: both;
            height: 24px;
            line-height: 24px;
            position: relative;
        }

        .agentOrderItem .subTitle span {
            display: inline-block;
            padding: 0 12px;
            border: 1px solid #EFEFEF;
            border-radius: 24px;
            font-size: 12px;
            color: #777;
            position: relative;
            z-index: 20;
            background-color: #FFF;
        }

        .agentOrderItem .subTitle hr {
            position: relative;
            top: -12px;
            z-index: 10;
            border-color: #EFEFEF;
        }

        .agentOrderItem .subTitle-tudi span {
            color: #336699;
        }

        .agentOrderItem .subTitle-tusun span {
            color: #DD2727;
        }

        .agentOrderItem p {
            padding: 3px 0;
            font-size: 14px;
            color: #000;
        }

        /* =========================================== */

        .agentRankItem .agentOrderHead {
            padding-left: 60px;
        }

        .agentRankItem .agentOrderHead li {
            text-align: center;
        }

        .agentRankItem hr {
            margin-top: 3px;
        }

        .agentRankNavi {
            text-align: center;
            border-top: 2px solid #FFF;
        }

        .agentRankNavi li {
            display: inline-block;
            line-height: 36px;
            font-size: 11px;
        }

        .agentRankNavi li .core {
            padding: 0 6px;
            display: inline-block;
        }

        .agentRankNavi li small {
            display: none;
        }

        .agentRankNavi .on small {
            display: inline;
        }

        .agentRankNavi .on {
            background-color: #FFF;
        }

        .agentRankNavi .on .core,
        .agentRankNavi .on small {
            color: #EE0E57;
        }

        /* ================================================== */

        .listItem {
            background-color: #FFF;
            border-bottom: 1px solid #E9E9E9;
            line-height: 24px;
        }

        .listItem li {
            float: left;
            position: relative;
        }

        .listItem li div {
            padding: 6px 9px;
        }

        .listItem li p {
            color: #888;
        }

        .item-body-img {
            padding: 12px 12px 12px 60px;
            min-height: 30px;
            position: relative;
        }

        .item-body-img .imgBox {
            position: absolute;
            top: 15px;
            left: 15px;
        }

        .item-foot {
            padding: 12px 0;
            border-top: 1px solid #EFEFEF;
            margin: 0 12px;
            text-align: right;
        }

        .item-foot .btn,
        .item-foot .btn-border {
            min-width: 42px;
        }

        .logItem small {
            font-size: 13px;
        }

        .logItem .imgBox {
            top: 12px;
            left: 12px;
        }

        .logItem h2 {
            line-height: 20px;
        }

        .logItem .item-body-img {
            padding: 6px 12px 6px 72px;
        }

        .logItem .item-foot {
            padding-top: 6px;
            padding-bottom: 6px;
            text-align: left;
            margin-left: 72px;
        }

        /* ================================================== */

        .listItem .formBox {
            border-top: 1px solid #EFEFEF;
        }

        .formItem {
            min-height: 30px;
            position: relative;
            padding: 0 0 0 120px;
        }

        .formItem h2 {
            text-align: right;
            position: absolute;
            top: 6px;
            left: 0;
            width: 108px;
            font-size: 13px;
            height: 24px;
            line-height: 24px;
            color: #666;
        }

        .formItem .div {
            margin: 0 6px;
        }

        .formItem p {
            line-height: 24px;
            padding: 6px 6px 6px 0;
        }

        .softPrice {
            font-family: '微软雅黑', arial;
            font-size: 16px;
        }

        /* ================================================== */

        .loginItem {
            background-color: #FFF;
            padding: 0 12px;
            min-height: 42px;
            position: relative;
        }

        .loginItem .text {
            height: 30px;
            line-height: 30px;
            padding: 6px 0 6px 6px;
            border: none;
            width: 96%;
        }

        .loginItem select {
            height: 36px;
            line-height: 36px;
            padding-left: 3px;
            margin: 6px 0;
        }

        .loginItem option {
            padding-left: 6px;
        }

        .loginItem p small {
            font-size: 13px;
        }

        .loginItem .area {
            line-height: 24px;
            padding: 6px 0 6px 6px;
            width: 96%;
            font-size: 13px;
        }

        .loginItem .inputButton {
            padding: 4px 6px;
            position: absolute;
            top: 4px;
            right: 18px;
        }

        .loginItem .btn-border {
            position: absolute;
            top: 6px;
            right: 12px;
        }

        .loginItem span.btn-border {
            color: #999;
            border: 1px solid #FFF;
        }

        .loginItem .link {
            display: inline-block;
            line-height: 24px;
            position: absolute;
            right: 12px;
            top: 6px;
            color: #333;
            border-color: #999;
        }

        /* ================================================== */

        .billItem {
            line-height: 24px;
            padding: 9px 9px 9px 72px;
            position: relative;
            min-height: 48px;
            background-color: #FFF;
            border-bottom: 1px solid #E9E9E9;
        }

        .billItem h2 {
            position: absolute;
            top: 9px;
            left: 9px;
            width: 48px;
            color: #999;
            border-right: 1px solid #E9E9E9;
        }

        .num {
            font-size: 14px;
            font-family: arial;
        }

        .moneyNum,
        .billItem em,
        .billItem i {
            font-size: 15px;
            font-family: arial;
        }

        .billItem small i {
            font-size: 12px;
        }

        .billItem em {
            color: #00B86B;
        }

        /* =========================================== */

        .puKouling .puHead {
            background-color: #F54D23;
            color: #FFF;
            height: 48px;
            line-height: 48px;
            padding: 0;
        }

        .puKouling h1 {
            color: #999;
            font-size: 11px;
            line-height: 18px;
            padding: 6px;
        }

        .puKouling .close {
            display: inline-block;
            height: 48px;
            line-height: 42px;
            width: 60px;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            color: #E9E9E9;
            font-size: 36px;
        }

        .puKouling .puBody {
            position: relative;
            margin: 24px 3.5% 12px;
            border: 1px dashed #F54D23;
            text-align: center;
            padding: 12px 6px 3px;
        }

        .puKouling h2 {
            width: 100%;
            text-align: center;
            position: absolute;
            top: -12px;
            left: 0;
        }

        .puKouling em {
            display: inline-block;
            height: 20px;
            line-height: 20px;
            background-color: #F54D23;
            color: #FFF;
            font-size: 12px;
            padding: 0 6px;
        }

        .puKouling .inputArea {
            padding: 12px 0;
            width: 100%;
            height: 24px;
            line-height: 24px;
            display: inline-block;
            color: #86564B;
            border: none;
            resize: none;
            font-size: 14px;
            text-align: center;
        }

        .puKouling .inputArea-2 {
            padding: 0;
            height: 172px;
            line-height: 14px;
            font-size: 12px;
            text-align: left;
        }

        .puKouling .inputText {
            display: block;
            line-height: 36px;
            font-size: 15px;
            color: #86564B;
            font-size: 14px;
            text-align: center;
            background-color: #FFF;
            padding: 6px;
        }

        .puKouling .inputText-2 {
            line-height: 14px;
            padding: 6px;
            font-size: 12px;
            text-align: left;
        }

        .puKouling h6 {
            background-color: #F3F3F3;
            line-height: 24px;
            padding: 6px 0;
            text-align: center;
            color: #86564B;
        }

        .puKouling .copy-btn {
            width: 126px;
            height: 42px;
            line-height: 42px;
            margin: 0 auto 12px;
            background-color: #fb4c4c;
            color: #FFF;
            font-size: 16px;
            border-radius: 21px;
            display: none;
            cursor: pointer;
        }

        .puKouling .copy-btn-success {
            background-color: #5EB95E;
        }

        /* =========================================== */

        .puPaperBody {
            padding: 12px 0 0;
            line-height: 24px;
        }

        .puPaper h2 {
            padding: 12px 0 6px;
            font-size: 15px;
            line-height: 30px;
        }

        .puPaper h2 span {
            color: #888;
        }

        .puPaperBody p {
            padding: 6px 0;
            font-size: 12px;
            line-height: 20px;
        }

        .puPaper .puFoot {
            margin-top: 0;
            padding: 0;
        }

        /* =========================================== */

        .quanSearchForm .area {
            line-height: 18px;
            min-height: 108px;
        }

        .quanSearchForm .btn-big {
            padding: 6px 0;
        }

        /* =========================================== */

        .find-quan-box {
            margin-top: 1px;
        }

        .find-quan-box .item-detail-p2 {
            margin: 9px 0 0;
        }

        .find-quan-box .item-detail-p2 h2 {
            margin: 0 15%;
        }

        .find-quan-box .item-detail-p2 hr {
            border-style: dashed none none;
        }

        .find-quan-item {
            background-color: #FFF;
            position: relative;
            border-bottom: 1px solid #F0F0F0;
        }

        .find-quan-item .core {
            display: block;
            padding: 9px 9px 9px;
        }

        .find-quan-item .imgBox {
            float: left;
            width: 35%;
        }

        .find-quan-item .imgBox img {
            border-radius: 5px;
        }

        .find-quan-item .itemBody {
            float: left;
            width: 65%;
        }

        .find-quan-item h2 {
            padding: 0 0 0 9px;
            line-height: 18px;
            height: 36px;
            overflow: hidden;
            font-size: 13px;
            word-break: break-all;
        }

        .find-quan-item h3 {
            line-height: 20px;
            padding: 9px 0 0 39px;
            position: relative;
        }

        .find-quan-item .quanFlag,
        .find-quan-item .grayFlag {
            position: absolute;
            left: 9px;
            top: 12px;
        }

        .find-quan-item .newFlag {
            position: absolute;
            left: 0;
            top: 0;
        }

        .find-quan-item .quanMoney {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 12px;
        }

        .find-quan-item .nowPrice {
            font-size: 14px;
        }

        .find-quan-item .icon13-zz {
            top: 2px;
        }

        /* */

        .find-quan-item .btn {
            display: inline-block;
            margin: 6px 0 0 9px;
            border: 1px solid #DD2727;
            border-radius: 3px;
            height: 16px;
            line-height: 16px;
            font-size: 11px;
            padding: 0;
        }

        .find-quan-item .btn em {
            display: block;
            color: #FFF;
            float: left;
            padding: 0 6px;
        }

        .find-quan-item .btn span {
            display: block;
            padding: 0 6px;
            color: #DD2727;
            background-color: #FFF;
            float: left;
        }

        /* =========================================== */

        .bill-extract-doc {
            padding: 0 12px 6px 12px;
            line-height: 24px;
        }

        .bill-extract-doc h2 {
            font-size: 14px;
            color: #DD2727;
            text-align: center;
            padding: 9px 0 9px;
        }

        .bill-extract-doc p {
            color: #555;
            padding: 9px 0;
        }

        /* =========================================== */

        .login-out-box {
            background-color: #FFF;
            text-align: center;
            margin-top: 12px;
        }

        .login-out-box .core {
            display: block;
            color: #777;
            line-height: 24px;
            padding: 9px 6px;
        }

        .errBox {
            color: #EE0E57;
            text-align: center;
            line-height: 30px;
            font-size: 13px;
            padding: 6px 0;
            font-family: '微软雅黑';
            border-bottom: 1px solid #E9E9E9;
        }

        /* =========================================== */

        .live-item-box {

        }

        .live-item-box h2 {
            text-align: center;
            padding: 18px 0 0;
        }

        .live-item-box h2 span {
            display: inline-block;
            height: 18px;
            line-height: 18px;
            padding: 3px 3px;
            background-color: #C8C8C8;
            color: #FFF;
            border-radius: 3px;
            font-size: 11px;
        }

        .live-item-box span i {
            font-size: 13px;
            color: #DD2727;
        }

        .live-item-body {
            padding: 16px 16px 0 58px;
            position: relative;
            min-height: 42px;
        }

        .live-item-body h3 {
            padding: 0 0 6px;
        }

        .live-item-body .imgBox {
            position: absolute;
            top: 16px;
            left: 8px;
        }

        .live-item-body .imgBox img {
            border-radius: 5px;
        }

        .live-item-body .arrow-live {
            position: absolute;
            top: 29px;
            left: 52px;
        }

        .live-item-body .quanFlag {
            position: absolute;
            top: 19px;
            left: 57%;
        }

        .live-goods-img {
            border-radius: 5px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
            padding: 3px;
            background-color: #FFF;
            width: 60%;
        }

        .live-goods-info {
            border-radius: 5px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
            line-height: 20px;
            font-size: 12px;
            background-color: #FFF;
        }

        .live-goods-info h3 {
            padding: 9px 6px 3px;
            color: #222;
        }

        .live-goods-info p {
            padding: 3px 6px;
            color: #777;
            line-height: 18px;
        }

        .live-goods-info h4 {
            padding: 3px 6px 6px;
        }

        .live-goods-info ul {
            height: 36px;
            line-height: 36px;
            background-color: #E9E9E9;
        }

        .live-goods-info li {
            float: left;
            width: 49.9%;
            text-align: left;
            position: relative;
        }

        .live-goods-info .align-right {
            text-align: right;
        }

        .live-goods-info li .core {
            display: block;
            padding: 0 6px;
            color: #777;
        }

        .live-goods-info li i {
            display: block;
            height: 12px;
            width: 1px;
            background-color: #D8D8D8;
            position: absolute;
            top: 12px;
            right: 0;
        }

        .live-taoker-text {
            padding: 12px;
        }

        .live-visitor-box {
            height: 24px;
            line-height: 24px;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            opacity: 0.9;
            z-index: 1020;
            background-color: #EBEBEB;
            padding: 6px 0 0;
            overflow: hidden;
            font-size: 12px;
        }

        .live-visitor-box span {
            display: inline-block;
            border-radius: 12px;
            background-color: #FFF;
            height: 24px;
            position: relative;
        }

        .live-visitor-box span img {
            position: absolute;
            top: 0;
        }

        .live-visitor-box .fl img {
            right: 0;
        }

        .live-visitor-box .fr img {
            left: 0;
        }

        .live-visitor-box .fl {
            margin: 0 6px 0 6px;
            padding: 0 30px 0 6px;
        }

        .live-visitor-box .fr {
            margin: 0 6px 0 0;
            padding: 0 6px 0 30px;
        }

        .live-visitor-box i {
            display: inline-block;
            float: left;
            margin: 0 3px 0 0;
        }

        .live-visitor-box img {
            border-radius: 18px;
        }

        /* =========================================== */

        .live-new-count {
            height: 36px;
            line-height: 36px;
            background-color: #FFF;
            position: fixed;
            top: 54px;
            right: -18px;
            width: 84px;
            border-radius: 18px;
            padding: 0 18px 0 18px;
            text-align: center;
            border: 1px solid #D9D9D9;
            font-size: 12px;
            color: #00B86B;
        }

        .live-new-count .icon-up-9 {
            position: absolute;
            top: 13.5px;
            left: 13px;
        }

        /* ================================================== */
        /* 下一页                                             */
        /* ================================================== */

        .next-page {
            height: 42px;
            line-height: 42px;
            text-align: center;
            margin: 6px 3px 0;
            color: #F54D23;
            display: none;
            font-size: 13px;
            border-radius: 3px;
            border: 1px solid #C8C8C8;
        }

        .next-page small {
            font-size: 13px;
            color: #F54D23;
        }

        .next-load {
            text-align: center;
            color: #999;
            height: 48px;
            line-height: 48px;
            display: none;
            border: 1px solid #D9D9D9;
            border-radius: 3px;
            margin: 3px 3px 0;
        }

        .next-load-2 {
            border: none;
        }

        .next-load img {
            position: relative;
            top: 9px;
        }

        /* ================================================== */

        .loginLogoCell {
            text-align: center;
            padding: 30px 0 30px;
        }

        .loginLogoCell .logoImg {
            width: 90px;
            border-radius: 45px;
        }

        .loginErrBox {
            text-align: center;
            height: 13px;
            line-height: 13px;
            color: #DD2727;
            position: relative;
            top: -15px;
        }

        .login-link-box {
            line-height: 24px;
            padding: 12px 0 0;
        }

        .login-link-box .link {
            color: #EE0E57;
        }

        /* ================================================== */

        .paperBox {
            text-align: center;
        }

        .paper-text-box {
            line-height: 18px;
            font-size: 12px;
            padding: 6px 0;
        }

        .paper-select-form {
            padding: 0 0 6px;
        }

        .paper-select-form label {
            display: inline-block;
            padding-left: 3px;
        }

        /* ================================================== */

        .app-down-body {
            background-color: #FFFF63;
            padding: 30px 0 0;
            text-align: center;
        }

        .app-logo-box {
            line-height: 48px;
            font-size: 18px;
            color: #FB2733;
        }

        .app-down-box {
            margin: 30px 0 0;
        }

        .app-down-box .btn {
            margin: 18px 10%;
            padding: 6px;
            border-radius: 20px;
            font-size: 14px;
            background-color: #0092F7;
        }

        .app-foot-box {
            position: fixed;
            bottom: 0;
            text-align: center;
        }

        .app-foot-box .footImg {
            max-height: 72px;
            width: 80%;
        }

        .app-down-box .btn-anzhuo {
            background-color: #EE0E57;
        }


        /* ================================================== */

        .weixinBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1100;
        }

        .weixinBox h1 {
            width: 300px;
            height: 300px;
            position: fixed;
            top: 0px;
            right: 12px;
        }

        /* ================================================== */

        .circle-item-body {
            background-color: #FFF;
            padding: 9px 9px 0px 54px;
            position: relative;
            min-height: 36px;
            line-height: 18px;
            font-size: 13px;
        }

        .circle-item-body .imgBox {
            display: block;
            position: absolute;
            top: 9px;
            left: 9px;
        }

        .circle-item-body .imgBox img {
            border-radius: 5px;
        }

        .circle-item-body p {
            padding: 3px 0 3px;
            position: relative;
            font-size: 14px;
            line-height: 20px;
        }

        .circle-item-body .link {
            font-size: 12px;
            color: #1369BF;
        }

        /* */

        .circle-item-head {
            position: relative;
            padding: 0 0 3px;
        }

        .circle-item-head .btn-border {
            border-color: #E5E5E5;
            color: #777;
            position: absolute;
            top: 5px;
            right: 3px;
            font-size: 12px;
            padding: 0 9px 0 9px;
            height: 24px;
            line-height: 24px;
            border-radius: 13px;
        }

        .circle-item-head .buy {
            right: 81px;
            padding-left: 27px;
        }

        .circle-item-head .btn-border i {
            position: absolute;
            top: 6px;
            left: 9px;
        }

        .circle-item-head .on {
            display: none;
        }


        /* */

        .circle-item-hot .link {
            color: #DD2727;
        }

        .circle-item-hot .on {
            display: inline-block;
        }

        /* */

        .circle-item-img {
            position: relative;
        }

        .circle-item-img li {
            margin: 3px 3px 0 0;
            float: left;
            overflow: hidden;
            height: 75px;
            width: 75px;
            text-align: center;
            padding: 1px;
            position: relative;
        }

        .circle-item-img .overFlag {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }

        .circle-item-img .over .overFlag {
            display: inline;
        }

        .circle-item-info {
            background-color: #F5F5F5;
            padding: 3px 3px 3px 66px;
            position: relative;
            min-height: 60px;
            font-size: 12px;
            line-height: 18px;
            margin: 3px 3px 6px 0;
        }

        .circle-item-info .img-box {
            position: absolute;
            top: 6px;
            left: 6px;
        }

        .circle-item-info h2 {
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            font-size: 12px;
        }

        .circle-item-info h2 .icon {
            position: relative;
            top: 3px;
        }

        .circle-item-info-inner {
            position: relative;
            padding-left: 27px;
        }

        .circle-item-info-inner .quanFlag {
            position: absolute;
            top: 3px;
            left: 0px;
        }

        /* */

        .circle-item-comment {
            padding: 0 0 6px;
            font-size: 12px;
        }

        .circle-item-comment ul {
            background-color: #F5F5F5;
        }

        .circle-item-comment .core {
            display: block;
            color: #555;
            padding: 6px 6px;
            text-align: right;
            line-height: 18px;
            color: #333;
        }

        .circle-item-comment .core span {
            display: block;
            text-align: left;
            padding: 0 0 3px;
            color: #555;
        }

        .circle-item-comment .core em {
            display: inline-block;
            height: 18px;
            line-height: 18px;
            background-color: #C8C8C8;
            border-radius: 9px;
            padding: 0 9px;
            font-size: 11px;
            color: #FFF;
        }

        .circle-item-comment .core b {
            font-weight: normal;
        }

        /* */

        .circle-item-func {

        }

        .circle-item-func li {
            float: left;
            width: 50%;
            line-height: 18px;
        }

        .circle-item-func .w38 {
            width: 38%;
        }

        .circle-item-func .func {
            display: block;
            line-height: 18px;
            padding: 13px 6px 13px 0;
            font-size: 12px;
            color: #555;
            position: relative;
        }

        .circle-item-func a.func {
            padding-left: 24px;
        }

        .circle-item-func a.func-wxq {
            padding-left: 21px;
        }

        .circle-item-func .func i {
            position: absolute;
            top: 14px;
            left: 0;
        }

        /* */

        .flow-list {
            background-color: #FFF;
            padding-left: 36px;
            text-align: left;
        }

        .flow-list ul {
            line-height: 21px;
            padding: 24px 6px 6px 20px;
        }

        .flow-list li {
            border-left: 2px solid #E5E5E5;
            padding: 0 0 0 22px;
            position: relative;
        }

        .flow-list u {
            background-color: #E5E5E5;
            border-radius: 10px;
            color: #666;
            display: block;
            font-family: Arial;
            font-size: 13px;
            font-weight: bold;
            height: 18px;
            left: -11px;
            line-height: 18px;
            padding: 2px 0 0;
            position: absolute;
            text-align: center;
            top: 0;
            width: 20px;
        }

        .flow-list .finished {
            border-color: #DD2727;
        }

        .flow-list .finished u {
            background-color: #DD2727;
            color: #FFF;
        }

        .flow-list b {
            font-size: 14px;
            font-weight: bold;
        }

        .flow-list small {
            font-size: 13px;
            color: #777;
        }

        /* */

        .class-item {
            text-align: center;
            background-color: #FFF;
            margin-top: 18px;
            padding: 0 0 12px;
            line-height: 24px;
        }

        .class-item h2 {
            font-size: 18px;
            line-height: 24px;
            padding: 6px 12px 15px;
            color: #DD2727;
            font-weight: bold;
        }

        .class-item-content {
            padding: 0 1px;
        }

        .class-item-content h3 {
            color: #DD2727;
            background-color: #E5E5E5;
            margin: 0 1px 1px;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
        }

        .class-item-content li {
            float: left;
            width: 50%;
        }

        .class-item-content h4 {
            margin: 0 10% 1px;
        }

        /* */

        .teamBar {
            background-color: #DD2727;
            color: #FFF;
            position: fixed;
            top: 0;
            z-index: 1020;
            opacity: 0.9;
        }

        .teamBarUser {
            padding: 12px 0 6px;
        }

        .teamBarUser li {
            float: left;
            width: 25%;
            text-align: center;
            line-height: 24px;
            overflow: hidden;
            height: 48px;
        }

        .teamBarUser h2 {
            font-size: 12px;
        }

        .teamBarUser p {
            font-size: 14px;

        }

        .teamBarUser .miniUserImg {
            height: 24px;
            width: 24px;
            border-radius: 12px;
        }

        .teamBarUser small {
            color: #FFF;
            font-size: 13px;
        }

        /* */

        .teamBarLevel {
            padding: 30px 9px 6px;
        }

        .teamBarLevel ul {
            height: 6px;
            background-color: #FFF;
            border-radius: 3px;
            padding: 0 3px;
        }

        .teamBarLevel li {
            float: left;
            width: 12.5%;

            position: relative;
        }

        .teamBarLevel p {
            position: absolute;
            left: -8px;
            top: -24px;
            height: 24px;
            line-height: 24px;
        }

        .teamBarLevel h2 {
            height: 2px;
            background-color: #E9E9E9;
            width: 100%;
            margin-top: 2px;
        }

        .teamBarLevel h3 {
            height: 2px;
            background-color: #E9E9E9;
            width: 100%;
            position: absolute;
            top: 2px;
            left: 0;
        }

        .teamBarLevel .on h3 {
            background-color: #F10180;
        }

        .teamBarLevel big {
            font-size: 16px;
        }

        .teamBarLevel u {
            font-size: 12px;
        }

        .teamBarLevel h4 {
            line-height: 24px;
            text-align: center;
            padding: 3px 0 0;
        }

        /* */

        .teamBarMenu {
            text-align: center;
            border-top: 1px solid #AA0707;
            height: 48px;
            overflow: hidden;
        }

        .teamBarMenu li {
            display: inline-block;
            width: 12.5%;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .teamBarMenu-8 li {
            float: left;
        }

        .teamBarMenu li i {
            display: block;
            height: 48px;
            width: 1px;
            background-color: #BD1067;
            position: absolute;
            top: 0;
            right: -1px;
        }

        .teamBarMenu .core {
            display: block;
            padding: 6px 0;
            line-height: 18px;
        }

        .teamBarMenu .on .core {
            background-color: #AA0707;
        }

        .teamBarMenu span {
            display: block;
            color: #FFF;
        }

        .teamBarMenu small {
            color: #FFF;
        }

        /* */

        .top-cat-box {
            height: 39px;
            background-color: #FFF;
            overflow: hidden;
        }

        .top-cat-box li {
            float: left;
            width: 12.5%;
        }

        .top-cat-box-2 li {
            width: 50%;
        }

        .top-cat-box-3 li {
            width: 33.3%;
        }

        .top-cat-box-4 li {
            width: 25%;
        }

        .top-cat-box-5 li {
            width: 20%;
        }

        .top-cat-box .core {
            display: block;
            height: 38px;
            line-height: 38px;
            border-bottom: 1px solid #DDD;
            text-align: center;
        }

        .top-cat-box .on .core {
            color: #AA0707;
            border-bottom: 1px solid #AA0707;
        }

        .top-cat-box small {
            color: #777;
            font-size: 13px;
        }

        .top-cat-box .on small {
            color: #AA0707;
        }

        /* */

        .imgEnlarger img {
            left: 50%;
            line-height: 22px;
            max-width: 600px;
            overflow: hidden;
            position: fixed;
            top: 50%;
            transform: translate(-50%, -50%);
            max-width: 100%;
            z-index: 2010;
            text-align: center;

        }

        .imgEnlarger p {
            bottom: 12px;
            font-family: "微软雅黑";
            font-size: 14px;
            left: 50%;
            max-width: 600px;
            opacity: 0.5;
            position: fixed;
            text-align: center;
            transform: translate(-50%, -50%);
            width: 100%;
            z-index: 3020;
            text-align: center;
        }

        .imgEnlarger p a {
            display: inline-block;
            background-color: #000;
            border: 1px solid #c8c8c8;
            border-radius: 6px;
            color: #c8c8c8;
            height: 36px;
            line-height: 36px;
            padding: 0 18px;
            margin: 0 3px;
        }

        .imgEnlarger .numBox span {
            display: inline-block;
            background-color: #000;
            color: #FFF;
            height: 18px;
            line-height: 18px;
            padding: 0 6px;
            font-size: 12px;
            border-radius: 9px;
        }

        /* */

        .loginNavi {
            margin: 0 0 1px;
            background-color: #FFF;
        }

        .loginNavi li {
            float: left;
            width: 50%;
        }

        .loginNavi-3 li {
            width: 33.3%;
        }

        .loginNavi .core {
            display: block;
            height: 48px;
            line-height: 48px;
            text-align: center;
            border-bottom: 1px solid #FFF;
            font-size: 14px;
        }

        .loginNavi .on .core {
            background-color: #FFF;
            border-bottom: 1px solid #DD2727;
            color: #DD2727;
        }

        /* 首页热销榜 */
        .hot-sale {
            width: 100%;
            padding-bottom: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #fff;
            margin-top: 6px;
        }

        .hot-sale .head {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 6px 9px 5px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 30px;
        }

        .hot-sale .head .title {
            font-weight: bold;
        }

        .hot-sale .head a {
            font-size: 12px;
            height: 30px;
            width: 110px;
            text-align: right;
        }

        .hot-sale .head a b {
            float: right;
            line-height: 30px;
        }

        .hot-sale .head a .circle-right {
            width: 12px;
            height: 12px;
            margin-left: 8px;
            margin-top: 9px;
            float: right;
        }

        .hot-sale .hot-items {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0 6.5px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .hot-sale .hot-items .hot-item {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 0 2.5px;
            overflow: hidden;
        }

        .hot-sale .hot-items .hot-item .image-wrap {
            position: relative;
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-bottom: 100%;
        }

        .hot-sale .hot-items .hot-item .image-wrap .order {
            position: absolute;
            top: 0;
            left: 4.5px;
            width: 26px;
            height: 30px;
            background-position: 0px -53px;
            padding-top: 1px;
            text-align: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            z-index: 1;
            -webkit-background-size: 405px 140px;
            -moz-background-size: 405px 140px;
            -o-background-size: 405px 140px;
            background-size: 405px 140px;
            background-image: url("../img/pdd-home.png?t=20190227");
            background-repeat: no-repeat;
        }

        .hot-sale .hot-items .hot-item .image-wrap .order b {
            font-size: 9px;
            color: #f8e823;
        }

        .hot-sale .hot-items .hot-item .image-wrap .order span {
            font-size: 10px;
            line-height: 10px;
            color: #fff;
        }

        .hot-sale .hot-items .hot-item .image-wrap .goods {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
        }

        .hot-sale .hot-items .hot-item .title {
            width: 100%;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

        .hot-sale .hot-items .hot-item .item-info {
            position: relative;
            height: 34px;
        }

        .hot-sale .hot-items .hot-item .item-info .old {
            text-decoration: line-through;
        }

        .hot-sale .hot-items .hot-item .item-info .quanFlag,
        .hot-sale .hot-items .hot-item .item-info .grayFlag {
            right: 0;
            bottom: 0;
        }

        .hot-sale .hot-items .hot-item .item-info .quanFlag b {
            color: #f9f310;
            font-size: 12px;
        }

        .hot-sale .hot-items .hot-item .item-info .quanFlag.grayFlag b {
            color: #fff;
        }

        .hot-sale .hot-items .hot-item .btn {
            margin-top: 5px;
            border: 1px solid #DD2727;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            height: 18px;
            line-height: 18px;
            font-size: 10px;
            padding: 0;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .hot-sale .hot-items .hot-item .btn em {
            display: block;
            height: 16px;
            line-height: 16px;
            color: #FFF;
            float: left;
            width: 50%;
        }

        .hot-sale .hot-items .hot-item .btn em b {
            font-size: 11px;
        }

        .hot-sale .hot-items .hot-item .btn span {
            display: block;
            height: 16px;
            line-height: 16px;
            width: 50%;
            color: #DD2727;
            background-color: #FFF;
            float: left;
        }

        .hot-sale .hot-items .hot-item .btn span b {
            font-size: 11px;
        }

        /* toast */
        .toast {
            display: none;
            position: fixed;
            height: 36px;
            color: #fff;
            background-color: rgba(102, 102, 102, 0.8);
            padding: 0 14px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            top: -webkit-calc(50% - 18px);
            top: -moz-calc(50% - 18px);
            top: calc(50% - 18px);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            max-width: 92%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            word-break: break-all;
            -webkit-animation-duration: 0.3s;
            -moz-animation-duration: 0.3s;
            -o-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            z-index: 99999;
        }

        .toast.bottom {
            top: initial;
            bottom: 70px;
        }

        @-webkit-keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }

        @-moz-keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                -moz-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }

        @-o-keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                -moz-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }

        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            -moz-animation-name: fadeInUp;
            -o-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }

    </style>

    <style type="text/css">

        .taokerAgentLogoCell {
            text-align: center;
            padding: 0 0 18px;
        }


    </style>


    <style type="text/css">
        .headerIos {
            padding-top: 20px;
        }
    </style>

    <script>
        var appId = '';

        function setAppType() {
            Sysolar.appType = 0;
            Sysolar.appVersion = '1';
            if (Sysolar.appType == 0) {
                Sysolar.appType = Cookie.get('appType') == null ? 0 : parseInt(Cookie.get('appType'));
            } else {
                Cookie.set('appType', Sysolar.appType, 5);
            }
            Sysolar.IOSPhoneType = 0;
            Sysolar.ANDPhoneType = 0;
            if ('13895585204' == '18061675763') {
            }
        }

        setAppType();

        function apiready() {
            var iosType = 0;
            if (iosType == 1 && (typeof api != 'undefined') && api != null) {
                api.setStatusBarStyle({
                    style: 'light'
                });
            }
        }

        apiready();
    </script>

    <link rel="stylesheet" href="https://mpstatic.qingting123.com/css/animate.min.css"></link>
    <link rel="stylesheet" href="https://mpstatic.qingting123.com/css/swiper-4.4.1.min.css"></link>
    <script type="text/javascript" src="https://mpstatic.qingting123.com/js/swiper-4.4.1.min.js"></script>
    <script type="text/javascript" src="https://mpstatic.qingting123.com/js/swiper.animate1.0.3.min.js"></script>
    <title>拼多多省钱教程</title>
    <style>
        body {
            padding: 0;
            position: relative;
        }

        .swiper-container {
            background-color: #aad0ff;
        }

        .swiper-container .swiper-slide {
            position: relative;
            text-align: center;
        }

        .swiper-container .swiper-slide .title {
            position: absolute;
            width: 100%;
            font-size: 16px;
            top: 28px;
            font-family: "微软雅黑";
            z-index: 100;
            color: #345783;
            font-weight: 600;
            letter-spacing: .5px;
        }

        .swiper-container .swiper-slide .screenshot {
            width: 100%;
            height: 100%;
        }

        .swiper-container .swiper-slide .tap {
            position: absolute;
            width: 36px;
            height: 36px;
        }

        .swiper-container .swiper-slide .tip-wrapper {
            position: absolute;
            left: 0;
            right: 0;
        }

        .swiper-container .swiper-slide .tip-wrapper .tip {
            width: 80%;
            margin: 0 auto;
            border-radius: 12px;
            padding: 10px;
            color: #fff;
            font-size: 16px;
            background: rgba(233, 57, 16, .9);
            line-height: 20px;
            word-break: break-all;
        }

        .swiper-pagination-bullet-active {
            background-color: #fff;
        }

        /* 右下角专属客服图标 */
        .fixed-service {
            position: absolute;
            right: 8px;
            bottom: 15px;
            width: 73px;
            height: 117px;
            z-index: 10;
            display: block;
        }

        .fixed-service .image {
            width: 100%;
            height: 100%;
        }

        /* 向上箭头 */
        .fp-tip {
            position: fixed;
            z-index: 1000;
            bottom: 15px;
            left: 50%;
            margin-left: -14.25px;
            display: inline-block;
            width: 28.5px;
            height: 28px;
            background: url(http://static.jinrmb.com/pf-course/images/tip.png) no-repeat;
            -webkit-background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            -o-background-size: 100% 100%;
            background-size: 100% 100%;
            -moz-animation: next 1.1s infinite forwards;
            -o-animation: next 1.1s infinite forwards;
            animation: next 1.1s infinite forwards;
            -webkit-animation: next 1.1s infinite forwards;
        }

        @-moz-keyframes next {
            0% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }

        @-o-keyframes next {
            0% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }

        @keyframes next {
            0% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }

        @-webkit-keyframes next {
            0% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }
    </style>
</head>
<body>
<div id="swiperContainer" class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <p class="title">拼多多领券赚佣金 1/6</p>
            <img class="screenshot" src="./img/pdd1.jpg"/>
            <img id="tap0" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s"
                 class="tap ani" src="./img/tap.gif"/>
            <div id="tip0" class="tip-wrapper">
                <p class="tip ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"
                   swiper-animate-delay="0.3s">复制宝贝链接</p>
            </div>
        </div>
        <div class="swiper-slide">
            <p class="title">拼多多领券赚佣金 2/8</p>
            <img class="screenshot" src="./img/pdd2.jpg"/>
            <img id="tap1" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s"
                 class="tap ani" src="./img/tap.gif"/>
            <div id="tip1" class="tip-wrapper">
                <p class="tip ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"
                   swiper-animate-delay="0.3s">在公众号输入框长按2秒<br/>【粘贴】并发送至公众号</p>
            </div>
        </div>
        <div class="swiper-slide">
            <p class="title">拼多多领券赚佣金 3/6</p>
            <img class="screenshot" src="./img/pdd3.jpg"/>
            <img id="tap2" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s"
                 class="tap ani" src="./img/tap.gif"/>
            <div id="tip2" class="tip-wrapper">
                <p class="tip ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"
                   swiper-animate-delay="0.3s">点开搜索结果查看详情</p>
            </div>
        </div>
        <div class="swiper-slide">
            <p class="title">拼多多领券赚佣金 4/6</p>
            <img class="screenshot" src="./img/pdd4.jpg"/>
            <img id="tap3" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s"
                 class="tap ani" src="./img/tap.gif"/>
            <div id="tip3" class="tip-wrapper">
                <p class="tip ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"
                   swiper-animate-delay="0.3s">点击【一键抢券】</p>
            </div>
        </div>
        <div class="swiper-slide">
            <p class="title">拼多多领券赚佣金 5/6</p>
            <img class="screenshot" src="./img/pdd5.jpg"/>
            <img id="tap4" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s"
                 class="tap ani" src="./img/tap.gif"/>
            <div id="tip4" class="tip-wrapper">
                <p class="tip ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"
                   swiper-animate-delay="0.3s">点击【立即购买】</p>
            </div>
        </div>
        <div class="swiper-slide">
            <p class="title">拼多多领券赚佣金 6/6</p>
            <img class="screenshot" src="./img/pdd6.jpg"/>
            <img id="tap5" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s"
                 class="tap ani" src="./img/tap.gif"/>
            <div id="tip5" class="tip-wrapper">
                <p class="tip ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"
                   swiper-animate-delay="0.3s">点击提交订单</p>
            </div>
        </div>
 
        <div class="swiper-slide" style="display:block;color:#fff;">上拉进入新人教程首页</div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<!-- 专属客服 -->
<div id="fixedService" class="fixed-service">
    <img class="image" src="./service.png" onclick="show()"/>
</div>
<!-- 向上滑动提示箭头 -->
<div class="fp-tip"></div>
<div class="pu" id="puContactService">
    <div class="puInnerBox" style="max-width:320px;">
        <div class="puHead">联系客服</div>
        <div style="color:#666;">
            <span>长按图片 - 识别图中二维码 - 联系客服</span>
            <p style="padding:6px 0;">
                <img width="60%" src="https://www.gomyorder.cn/custom.jpg" id="serviceImg"/>
            </p>
            <p class="pt6">
                <i>在线时间：9:00 -- 17:30</i>
            </p>
        </div>
        <div class="puFoot">
            <a class="btn" href="#" onclick="hide()">关闭</a>
            <div class="clear"></div>
        </div>
    </div>
</div>


</div>
<div>
    <input type="text" id="lastClipBoardDom" value="" style="display:none"/>
</div>
<script>
    PuLayer.init();
    //	window.onload =	function(){
    if (Sysolar.appType) {
//	if('13895585204' == '13739180633'){
        apiready = function () {
            //获取剪切板内容
            var clipBoard = api.require('clipBoard');
            clipBoard.get(function (ret, err) {
                if (ret) {
                    var clipBoardValue = ret.value;
                    clipBoardValue = clipBoardValue.replace(/(^\s*)|(\s*$)/g, "");
                    if (clipBoardValue != null && clipBoardValue != '') {
                        clipBoardValue = encodeURIComponent(clipBoardValue);
                        var lastClipBoardValue = '';
                        var lastClipBoardInputValue = lastClipBoardDom.value;
                        clipBoardValue = clipBoardValue.replaceAll("'", "");
                        clipBoardValue = clipBoardValue.replaceAll('"', "");
                        clipBoardValue = clipBoardValue.replaceAll('<', "");
                        clipBoardValue = clipBoardValue.replaceAll('>', "");

                        var index = -1;
                        while ((index = clipBoardValue.indexOf('\n')) != -1) {
                            clipBoardValue = clipBoardValue.substring(0, index) + " " + clipBoardValue.substring(index + 1);
                        }
                        while ((index = clipBoardValue.indexOf('\r')) != -1) {
                            clipBoardValue = clipBoardValue.substring(0, clipBoardValue) + clipBoardValue.substring(index + 1);
                        }
                        if (lastClipBoardInputValue != clipBoardValue) {
                            lastClipBoardDom.value = clipBoardValue;
                            GoodsLogic.clipBoardToSession(clipBoardValue, 0);
                        }
                    }
                } else {

                }
            });

            //应用从后台跳到前台
            api.addEventListener({
                name: 'resume'
            }, function (ret, err) {
                //alert('应用回到前台');
                //获取剪切板内容
                var clipBoard = api.require('clipBoard');
                clipBoard.get(function (ret, err) {
                    if (ret) {
                        var clipBoardValue = ret.value;
                        clipBoardValue = clipBoardValue.replace(/(^\s*)|(\s*$)/g, "");
                        if (clipBoardValue != null && clipBoardValue != '') {
                            clipBoardValue = encodeURIComponent(clipBoardValue);
                            var lastClipBoardValue = '';
                            var lastClipBoardInputValue = lastClipBoardDom.value;
                            clipBoardValue = clipBoardValue.replaceAll("'", "");
                            clipBoardValue = clipBoardValue.replaceAll('"', "");
                            clipBoardValue = clipBoardValue.replaceAll('<', "");
                            clipBoardValue = clipBoardValue.replaceAll('>', "");

                            var index = -1;
                            while ((index = clipBoardValue.indexOf('\n')) != -1) {
                                clipBoardValue = clipBoardValue.substring(0, index) + " " + clipBoardValue.substring(index + 1);
                            }
                            while ((index = clipBoardValue.indexOf('\r')) != -1) {
                                clipBoardValue = clipBoardValue.substring(0, clipBoardValue) + clipBoardValue.substring(index + 1);
                            }
                            if (lastClipBoardInputValue != clipBoardValue) {
                                lastClipBoardDom.value = clipBoardValue;
                                GoodsLogic.clipBoardToSession(clipBoardValue, 0);
                            }
                        }
                    } else {

                    }
                });
            });

            //j监控物理返回键
            api.addEventListener({
                name: 'keyback'
            }, function (ret, err) {
                location.reload();
            });
        }
    }
</script>
<script>
    var winWidth = window.innerWidth;
    var winHeight = window.innerHeight;

    var wRatio = winWidth / 375;
    var hRatio = winHeight / 667;

    var list = [
    {tip: {top: 250}, tap: {top: 486, left: 160}},
        {tip: {top: 255}, tap: {top: 362, left: 183}},
        {tip: {top: 312}, tap: {top: 466, left: 223}},
        {tip: {top: 223}, tap: {top: 362, left: 236}},
        {tip: {top: 249}, tap: {top: 566, left: 223}},
        {tip: {top: 357}, tap: {top: 566, left: 223}},
    ];

    for (var i = 0; i < list.length; i++) {
        var tipEl = $('tip' + i), tapEl = $('tap' + i);
        tipEl.style.top = list[i].tip.top * hRatio + 'px';
        tapEl.style.top = list[i].tap.top * hRatio + 'px';
        tapEl.style.left = list[i].tap.left * wRatio + 'px';
    }


    // 设置轮播图高度
    $('swiperContainer').style.height = winHeight + 'px';

    function show() {
        document.getElementById("puContactService").style.display ="block";
    }
    function hide() {
        document.getElementById("puContactService").style.display ="none";
    }

    // 实例化swiper
    new Swiper('.swiper-container', {
        direction: 'vertical',
        on: {
            init: function () {
                swiperAnimateCache(this); //隐藏动画元素
                swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionEnd: function () {
                swiperAnimate(this);
            },
            reachEnd: function () {
                location.href = "./news.html";
            }
        },
        pagination: {
            el: '.swiper-pagination',
        },
    });

</script>
</body>
</html>
